<div class="kt-portlet change-password-portlet">
    <form class="kt-form kt-form--label-align-right">
        <input type="hidden" id="username" value="${user.username}">
        <input type="hidden" id="passwordSecurityLevel" value="${sysConfig(SysConfigConst.PASSWORD_SECURITY_LEVEL)}">
        <div class="kt-portlet__head">
            <div class="kt-portlet__head-label">
                <span class="kt-portlet__head-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                            <path d="M4,4 L11.6314229,2.5691082 C11.8750185,2.52343403 12.1249815,2.52343403 12.3685771,2.5691082 L20,4 L20,13.2830094 C20,16.2173861 18.4883464,18.9447835 16,20.5 L12.5299989,22.6687507 C12.2057287,22.8714196 11.7942713,22.8714196 11.4700011,22.6687507 L8,20.5 C5.51165358,18.9447835 4,16.2173861 4,13.2830094 L4,4 Z" id="Path-50" fill="#000000" opacity="0.3"></path>
                            <path d="M12,11 C10.8954305,11 10,10.1045695 10,9 C10,7.8954305 10.8954305,7 12,7 C13.1045695,7 14,7.8954305 14,9 C14,10.1045695 13.1045695,11 12,11 Z" id="Mask" fill="#000000" opacity="0.3"></path>
                            <path d="M7.00036205,16.4995035 C7.21569918,13.5165724 9.36772908,12 11.9907452,12 C14.6506758,12 16.8360465,13.4332455 16.9988413,16.5 C17.0053266,16.6221713 16.9988413,17 16.5815,17 C14.5228466,17 11.463736,17 7.4041679,17 C7.26484009,17 6.98863236,16.6619875 7.00036205,16.4995035 Z" id="Mask-Copy" fill="#000000" opacity="0.3"></path>
                        </g>
                    </svg>
                </span>
                <h3 class="kt-portlet__head-title">
                    密码修改
                </h3>
            </div>
        </div>
        <div class="kt-portlet__body kt-padding-b-50-desktop">
            <div class="kt-section kt-section--first">
                <div class="kt-section__body">
                    <div class="alert alert-warning fade" id="change-password-tip">
                        <div class="alert-icon"><i class="flaticon-warning"></i></div>
                        <div class="alert-text">抱歉，新密码安全等级过低，无法保存</div>
                    </div>
                    <div class="form-group row">
                        <label class="col-xl-3 col-lg-3 col-form-label" for="oldPassword">当前密码：</label>
                        <div class="col-lg-9 col-xl-6">
                            <div class="kt-input-icon kt-input-icon--right">
                                <input type="password" id="oldPassword" class="form-control" autocomplete="off" required>
                                <a class="kt-input-icon__icon kt-input-icon__icon--right btn show-password">
                                    <span>
                                        <i class="la la-eye-slash"></i>
                                    </span>
                                </a>
                            </div>
                            <a href="${ctxPath}/sys/user/retrieve/password/view" target="_blank" class="kt-link kt-font-sm kt-font-bold kt-margin-t-5">忘记密码 ?</a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-xl-3 col-lg-3 col-form-label" for="password">新密码：</label>
                        <div class="col-lg-9 col-xl-6">
                            <div class="kt-input-icon kt-input-icon--right">
                                <input name="password" style="display:none">
                                <!-- for disable autocomplete on chrome -->
                                <input type="password" id="password" class="form-control kt-input" autocomplete="off" required>
                                <a class="kt-input-icon__icon kt-input-icon__icon--right btn show-password">
                                    <span>
                                        <i class="la la-eye-slash"></i>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kt-portlet__foot">
            <div class="kt-form__actions text-center">
                <button type="button" class="btn btn-success change-password" disabled="disabled">
                    <i class="la la-save"></i> 确定
                </button>
            </div>
        </div>
    </form>
</div>